<!DOCTYPE html>
<html>
<head>
<title>🈲-止-转-发</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>

<script type="text/javascript" src="http://www.pwoldk.cn/static/admin/js/jquery.min.js?v=2.1.4" ></script>

<script src="http://www.pwoldk.cn/static/admin/js/laytpl/laytpl.js" ></script>

<script src="http://www.pwoldk.cn/ckplayer/DPlayer.min.js" ></script>
<link href="http://www.pwoldk.cn/ckplayer/DPlayer.min.css" rel="stylesheet">


<link href="http://www.pwoldk.cn/static/index/weui.min.css" rel="stylesheet">

<link href="http://www.pwoldk.cn/static/index/jquery-weui.css" rel="stylesheet" >

<style>

  /*.rehuo {*/
  /*      margin: 0;*/
  /*      background: -webkit-linear-gradient(left,*/
  /*          #ffffff,*/
  /*          #ff0000 6.25%,*/
  /*          #ff7d00 12.5%,*/
  /*          #ffff00 18.75%,*/
  /*          #00ff00 25%,*/
  /*          #00ffff 31.25%,*/
  /*          #0000ff 37.5%,*/
  /*          #ff00ff 43.75%,*/
  /*          #ffff00 50%,*/
  /*          #ff0000 56.25%,*/
  /*          #ff7d00 62.5%,*/
  /*          #ffff00 68.75%,*/
  /*          #00ff00 75%,*/
  /*          #00ffff 81.25%,*/
  /*          #0000ff 87.5%,*/
  /*          #ff00ff 93.75%,*/
  /*          #ffff00 100%);*/
  /*      -webkit-background-clip: text;*/
  /*      -webkit-text-fill-color: transparent;*/
  /*      background-size: 200% 100%;*/
  /*      animation: masked-animation 2s infinite linear;*/
  /*  }*/
    
  /*    @keyframes masked-animation {*/
  /*      0% {*/
  /*          background-position: 0 0;*/
  /*      }*/
  /*      100% {*/
  /*          background-position: -100%, 0;*/
  /*      }*/
  /*  }*/
    

li{ list-style-type:none;}


  
.login_coty{ margin:0 auto; width:98%;;  line-height:20px; font-size:12px;padding-top:2%; }



@media screen and (max-width:900px) {

a {
  text-decoration:none;
    color: #fff;
}
    .top_menu_list{
      margin-top: 0px;
      text-align: center;
      background-image: linear-gradient(to right ,#e64340,#e64340);
      padding-bottom: 5px;
      border-radius: 0px 0px 5px 5px;
    }
    /*.top_menu_list a{*/
    /*  text-align: center;*/
      /*margin-left: 11px;*/
    /*  margin-top: 5px;*/
    /*  color: #fff;*/
    /*}*/
    .btn.cur {
      background: #FFFF00;
      color:#e64340;
    }
    .btns {
   
      width: auto;
      border: none;
      border-radius: 5px;
      float: left;
      display: block;
      overflow: hidden;
      padding: 0 0.4rem;
      line-height: 24px;
      font-size: 17px;
      font-weight:bold;
    }
    
    .fenlei{
        width: auto;
    }
    
    .fenlei a{
        width: auto;
        display: block;
        font-size: 18px;
        float: left;
        width: 14%;
        -webkit-border-radius: .5em;
        font-weight:bold;
    }
   
    li .cover {
      border-radius: 6px;
    }
    li .tag {
      background-image: linear-gradient(to right , #e64340,#e64340);
      font-size: 11px;
      padding: 0px 10px;
      border-radius: 5px;
      display: block;
      text-align: center;
      color: #FFF;
      line-height: 14px;
    }
    #dg .item{
      line-height: 34px;
      height: 34px;
      padding: 0 10 0 10;
      margin: 0 10px;
      text-align: center;
      display: block;
      /*color: #FFF;*/
    }
    .clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    /* 弹出 */
    .weui-popup__modal {
      width: 96vw;
      left: 2vw;
      height: 425px;
      top: 15vh;
      border-radius:20px;
      background:rgba(0,0,0,0.3);
    }
    .weui-popup__modal .content { 
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 260px;
      background-repeat: no-repeat;
      background-color: #000;
    }
    .weui-popup__modal #dialog-image {
      width: 100%;
      height: 100%;
    }
     .weui-popup__modal .footers {
      display: flex;
      /*background-color: #fff;*/
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 96vw;
    }
    .weui-popup__modal .footerss {
      display: flex;
      background-color: #fff;
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 96vw;
    }
    
    
    .weui-popup__modal .footer {
      display: flex;
      background-color: #fff;
      justify-content: space-between;
      flex-wrap: nowrap;
    }
    .weui-popup__modal .footer p {
      border-radius: 15px 15px 20px 20px;
      line-height: 50px;
      width: 50%;
      text-align: center;
      font-size: 14px;
      /*border-right: 1px solid #f0f0f0;*/
      color: #222;
      background-color: #f2f2f2;
    }
    .weui-popup__modal .footer #pay {
      color: #fff;
     
    }
    
    .weui-popup__modal .footerss a {
      line-height: 60px;
      width: 50%;
      text-align: center;
      font-size: 14px;
      /*border-right: 1px solid #f0f0f0;*/
      color: #222;
      background-color: #f2f2f2;
      display: block;
    }
    .weui-popup__modal .footerss #pay {
      color: #fff;
      background-image: linear-gradient(to right , #009eff,#CC00FF);
    }
    .div_1{
        width: 100%;
    }
    
    </style>
 
</head>
<body style="max-width:460px; margin:0 auto;font-weight:bold;">
    
    
{if !empty($tui['url'])}

<div class="rich_media_content"  id="video" style="width: 100%; height: 150px;border: solid 1px #323136;padding-left:1px;"></div>
{/if}
 
 
       <a  href="/index/index/tousu?uopenid={$uopenid}" style="position:fixed;display:block;bottom:20%;height:100px;right:8px;width:30px;z-index:10;  background-image: linear-gradient(to right , #6240e6,#ad40e6); border-radius: 5px;text-align:center;color: #FFF;">
           问题反馈
       </a>
  
<!-- <div style="padding: 1px 13px 0px;background-color: #FFF8F5;">-->
<!--</div>-->

    <div class="top_menu_list" style="height: 120px;width:100%">
      
       	<div class="fenlei" style="" id="">
            <a href="javascript:void(0);" data-mid="0" class="btn {:$gettype == 0?'cur':''}" >全部</a>
            <a href="javascript:void(0);" data-mid="29" class="rehuo btn {:$gettype == 29?'cur':''}" >国产</a>
            <a href="javascript:void(0);" data-mid="32" class="btn {:$gettype == 32?'cur':''}" >日韩</a>
            <a href="javascript:void(0);" data-mid="31" class="btn {:$gettype == 31?'cur':''}" >欧美</a>
            <a href="javascript:void(0);" data-mid="37" class="btn {:$gettype == 37?'cur':''}" >另类</a>
            <a href="javascript:void(0);" data-mid="35" class="btn {:$gettype == 35?'cur':''}" >巨乳</a>
            <a href="javascript:void(0);" data-mid="49" class="btn {:$gettype == 49?'cur':''}" >约炮</a>
       	<!--<div class="jiaz" style="display: none;">正在加载中...</div>-->
        </div>
        
        <div class="fenlei" style="" id="">
            <a href="javascript:void(0);" data-mid="33" class="rehuo btn {:$gettype == 33?'cur':''}" >破处</a>
            <a href="javascript:void(0);" data-mid="34" class="rehuo btn {:$gettype == 34?'cur':''}" >三级</a>
            <a href="javascript:void(0);" data-mid="39" class="rehuo btn {:$gettype == 39?'cur':''}" >幼女</a>
            <a href="javascript:void(0);" data-mid="38" class="rehuo btn {:$gettype == 38?'cur':''}" >乱伦</a>
            <a href="javascript:void(0);" data-mid="41" class="rehuo btn {:$gettype == 41?'cur':''}" >强奸</a>
            <a href="javascript:void(0);" data-mid="46" class="rehuo btn {:$gettype == 46?'cur':''}" >人兽</a>
            <a href="javascript:void(0);" data-mid="45" class="btn {:$gettype == 45?'cur':''}" >萝莉</a>
        </div>
        <div class="fenlei" style="" id="">
                <a href="javascript:void(0);" data-mid="36" class="btn {:$gettype == 36?'cur':''}" >群交</a>
                <a href="javascript:void(0);" data-mid="42" class="btn {:$gettype == 42?'cur':''}" >人妻</a>
                <a href="javascript:void(0);" data-mid="44" class="btn {:$gettype == 44?'cur':''}" >偷拍</a>
                <a href="javascript:void(0);" data-mid="50" class="btn {:$gettype == 50?'cur':''}" >精品</a>
                <a href="javascript:void(0);" data-mid="47" class="btn {:$gettype == 47?'cur':''}" >动漫</a>
                <a href="javascript:void(0);" data-mid="48" class="btn {:$gettype == 48?'cur':''}" >野战</a>
                <a href="javascript:void(0);" data-mid="1000" class="btn"  style="color:#e64340;background-color:Yellow">已购</a>
        </div>
       
       <a class="item btn {:$gettype == 0?'cur':''}" href="javascript:void(0);" data-mid="158" style="display:block;float:left;height:35px;width:15%;background-color:Yellow;color:#b14240;font-size: 13px;border-radius: 5px;text-align:center;line-height:35px;margin-left:8px">日播放榜</a>
        
         <a class="item btn {:$gettype == 0?'cur':''}" href="javascript:void(0);" data-mid="159" style="display:block;float:left;height:35px;width:15%;background-color:Yellow;color:#b14240;font-size: 13px;border-radius: 5px;text-align:center;line-height:35px;margin-left:8px">月播放榜</a>
      
         <input type="text" id = "sousuo" style="top:50%;padding: 8px;border-radius: 7px;border: 1px solid #ccc;font-size: 14px;width: 160px;font-weight: 400;font-family:"Microsoft soft";margin-left:0px;position:absolute;left:0;" placeholder="请输入搜索关键词" name="keys" value="" />
        
        <a href="javascript:void(0);" data-mid="1001" class="sousuo" style="padding-left:7px;font-size:13px;">搜索 ▷</a>
       
    </div>

	<div class="login_coty" style="background:#fff;width: 100%;" id="container">
      <ul style="width: 100%; background:#FFFFFF;display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;" id="article_list">
        
      </ul>
      	<div style="clear: both"></div>
       	<!--<div class="jiaz" style="display: none;">正在加载中...</div>-->
    </div>

<!--<div style="clear: both">-->
<!--</div>-->
<!--<div id="AjaxPage" style=" text-align: right;"></div>-->
<!--<div id="allpage" style=" text-align: center; color: #fff"></div>-->

<script id="arlist" type="text/html">
	 {{# for(var i=0;i<d.length;i++){  }}
	    <li style="max-width: 50%; min-width: 46%; margin: 0 1px 1px 1px; flex: 1;" data-id="{{d[i].id}}" data-src="{{d[i].photo}}" data-money="{{d[i].money}}" data-name ="{{d[i].name}}" data-target="#pay_dialog" data-url="{{d[i].dwz}}" class="video-item">
        <div class="video_img"> 
         
            <div style="position: relative; width: 100%; height: 100%;">
              
              <img class="lazy_load_img cover" src="{{d[i].photo}}" data-src="{{d[i].photo}}" width="100%" height="140" onerror="javascript:this.src='{{d[i].photo}}'; this.onerror=null;" />
            </div>
          
        </div>
        <div class="video_title" style="font-size: 14px; overflow: hidden;">
          <span class="tag">已有{{d[i].d1}}人付款{{d[i].money}}元观看</span>
          <p style="color: #181818; font-size: 15px;" href='javascript: void(0);' class="clamp-2">{{d[i].name}}</p>
        </div>
      </li>     
	  {{# } }}
</script>


<div id="pay_dialog" class="weui-popup__container"  style="z-index:99999">
  <div class="weui-popup__overlay" style="background-color: rgba(0, 0, 0, 0.9)" ></div>
  
  <div class="weui-popup__modal" style="height:460px;top: 15vh">
    <div class="container">
      <div class="content" id="content"></div>
       <div class="footers" style="width:100%">
           <p id="name" class="close-popups" style="height:80px;background-color:#696969;color:#FFFFFF;font-size:18px;width:100%;border-radius: 0px 0px 15px 15px;overflow: hidden;"></p>
      </div>
      
      <div class="footer" style="background:rgba(0,0,0,0.9);">
       
        <p id="pay" rel="payButton" style="font-size:22px;background-color:Yellow;color:#e64340; width: 360px;
    margin: auto;height:60px;line-height:60px"></p>
     
      </div>
      
       <div class="footerss" style="">
      
          <a id="cancel" class="close-popup"  href="javascript:void(0);" style="width:100%;font-size:18px;position:absolute;background:rgba(0,0,0,0.2);color:#FFFFFF">取消</a>
     
      </div>
    
         
    </div>
  </div>
</div>






<script type="text/javascript">
let page =2;
var type = 0;
var flag = 0;
var lock = 0;
var userid  = '{$userid}';
var ddh     = '{$ddh}';
var uopenid = '{$uopenid}';
var heid    = "{$tui['url']}"
    $(window).scroll(function (event) {
        var wScrollY = window.scrollY; // 当前滚动条位置  
        var wInnerH = window.innerHeight; // 设备窗口的高度（不会变）  
        var bScrollH = document.body.scrollHeight; // 滚动条总高度  
        
          if(heid != null && wScrollY > 200 && wScrollY < 400){
             $(".login_coty").css("padding-top","35%");
             $(".rich_media_content").css("display","none");
             $(".top_menu_list").css("position","fixed");
             $(".top_menu_list").css("z-index","999");
            //  $(".top_menu_list").css("height","19%");
             $(".top_menu_list").css("position","fixed");
         }
         
        //  if(heid == null && wScrollY > 170 && wScrollY < 250){
        //     $(".top_menu_list").css("position","fixed");
        //     $(".top_menu_list").css("z-index","999");
        //  }
       // alert(wScrollY)
        if (wScrollY + wInnerH >= (bScrollH-5)) {
          //  alert("触发底部");
            if(type != 1000){
                 Ajaxpage(page++,type);
            }
           
            
        }
    });

    $(document).on('click', ".btn", function () {
        
         if(heid != null){
             $(".rich_media_content").css("display","block");
             $(".top_menu_list").css("position","");
             $(".top_menu_list").css("z-index","9999999");
             $(".login_coty").css("padding-top","8px");
             $(".top_menu_list").css("height","120px");
         }
         
        
        arr=[];
        $(window).scrollTop(0);
        document.getElementById('sousuo').value='';
        type = $(this).data('mid');
        $('.btn').removeClass('cur');
        $(this).addClass('cur');
        page = 1;
        Ajaxpage(1,type);
  });
  
 $(document).on('click', ".sousuo", function () {
     
     
      var keyname = $('input[name="sousuo"]').val();
      
      sousuo(keyname);
       
  });
  



let arr=[];

function Ajaxpage(curr,type = 0){
    
    // if(curr == null){
    //     document.getElementById('article_list').innerHTML = '<li style="text-align: center;width:100%;margin-top:10px;color:red;font-size:20px">数据加载中,请稍后！</li>';
    // }
    var sousuo = document.getElementById('sousuo').value;
    
    if(curr == undefined){
        curr = 1;
    }
    
    $.post('{:url("shuju")}',{
		userid:userid,ddh:ddh,type:type,uopenid:uopenid,sousuo:sousuo,page:page
	}, function(data){      //data是后台返回过来的JSON数据
        
// 		$(".spiner-example").css('display','none');
		if(data=='' && page == 1){
		    
		    if(type == 1000){
		           
		           document.getElementById('article_list').innerHTML = '<li style="text-align: center;width:100%;margin-top:50px;color:red;font-size:20px">暂无数据</li>';
		    }
	  
		}else{
		 
		  if(arr == null){
		       arr.push(data);
		  }else{
		      //模板赋值
    		  for(let i=0;i<data.length;i++){
    			  arr.push(data[i])
    		  }
		  }

		  article_list(arr);
		}
	});
        
   
    
    // var json_url = "http://www.zoohance.cn/index/index/hezi";
    // alert(sousuo)

}
 Ajaxpage();
 
 
 
 
 function sousuo(key){
    
    arr = [];
    var sousuo  = document.getElementById('sousuo').value;
    
    // alert(sousuo)
	$.post('{:url("shuju")}',{
		userid:userid,ddh:ddh,type:type,uopenid:uopenid,sousuo:sousuo,page:page
	}, function(data){      //data是后台返回过来的JSON数据

// 		$(".spiner-example").css('display','none');
	
	     if(data == ''){
	         document.getElementById('article_list').innerHTML = '<li style="text-align: center;margin-top:50px;width:100%;color:red">暂无数据</li>';
	     }else{
	         
	          for(let i=0;i<data.length;i++){
			     arr.push(data[i])
		      }

		      article_list(arr);
	     }
		    
		
	
	});
}


 function article_list(list){

    let tpl = document.getElementById('arlist').innerHTML;
      laytpl(tpl).render(list, function(html){
          document.getElementById('article_list').innerHTML = html;
      });

}



function backTop() {
   $(window).scrollTop(0);
}


  var url = "";
  $(document).on('click', ".video-item", function () {
    if(type == 1000){
        let src = $(this).data('src');
        url     = $(this).data('url');
        
        $("#name").text($(this).data('name'));
       
        $("#pay_dialog #content").css('background-image', 'url('+src +')');
        $("#pay").text('免费观看');
        $("#pay_dialog").popup();

    }else{
        //- test1事件
        let src = $(this).data('src');
      
        let money = $(this).data('money');
      
        url = $(this).data('url');
   
        $("#pay_dialog #content").css('background-image', 'url('+src +')');
        $("#pay").text('付 款 '+money+' 元 观 看');
         $("#name").text($(this).data('name'));
        $("#pay_dialog").popup();
    }
    

  });

    $("[rel^='payButton']").click(function() {
    //   $.closePopup();
      window.location.href = url;
    });

</script>


<!--<script type="text/javascript" src="http://www.kmpjydu.cn/ckplayer/ckplayer.js" charset="UTF-8"></script>-->

<script type="text/javascript" src="http://www.pwoldk.cn/ckplayer/ckplayer.js"></script>

<script src="http://www.pwoldk.cn/static/index/jquery-weui.js" charset="UTF-8"></script>



{if !empty($tui['url'])}
<script type="text/javascript">
var videoObject = {
container: '#video',
variable: 'player', 
loop: true,
//autoplay: true, 
poster: '', 
video:'<?php echo  $tui['url']?>'
};
var player = new ckplayer(videoObject);
</script>
{/if}


<div id="dg" style="z-index: 999;
    position: fixed ! important;
    left: 0;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(to right , #e64340,#e64340);
    color: #fff;
    font-size: 16px;
    display: flex;
    height: 40px;
    justify-content:center;">
    <!--<a class="item btn {:$gettype?'':'cur'}" href="javascript:void(0);" data-mid="0" >全部</a>-->
    <a class="item btn btns" href="javascript:void(0);" data-mid="160" style="margin: 4px 18px;top:50%;line-height:32px">今日最新</a>
    <a class="item btn btns" href="javascript:void(0);" data-mid="1000" style="color:#e64340;margin: 4px 25px;width:70px;top:50%;background-color:Yellow"><span style="font-weight: 1000;"></span>已购买</a>
    <p class="item"  style="font-weight:bold;margin: 4px 20px;line-height:32px" onclick="backTop()">返回顶部</p>
</div>
<script>
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    });
</script>
</body>
</html>




